<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">響應式網站設計基礎</h2>
  <a href="https://www.udacity.com/course/responsive-web-design-fundamentals--ud893">
    <img src="/web/shows/udacity/img/ud893.jpg" class="attempt-right" itemprop="image">
  </a>
  <p itemprop="description">
    在這門課程裡，你將與 Google 的 Pete LePage 一起學習響應式設計的基礎知識！你將創建自己的響應式網頁，
    並且可以在任何設備上正常顯示，無論是手機、平板電腦還是桌面設備或任何其他設備。
  </p>
  <p>
    首先，你將學習響應式網站需要具備什麼條件，以及一些適用於各種設備的常見響應式設計模式。
    然後，你將學習如何使用視口標記和 CSS 媒體查詢創建自己的響應式佈局。在此期間，
    你將學習添加大型和小型斷點，並優化文本以便於閱讀。
  </p>
  <p>
    這個免費的課程可以在 
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/responsive-web-design-fundamentals--ud893" class="external">參加課程</a>
</div>
<div style="clear:both;"></div>
